.kun-progress-bar {
    /* 设置进度条在不确定状态下的长度（单位：%或px）。较大的值会增加动画的流畅性，但可能会增加资源消耗。 */
    -fx-indeterminate-bar-length: 60;
    /* 指示进度条在不确定状态下的动画是否从父容器中溢出。如果设置为 true，动画可能会超出父容器的边界，以避免视觉抖动。 */
    -fx-indeterminate-bar-escape: true;
    /* 在不确定状态的动画中，是否翻转进度条的方向。true 表示翻转，false 表示不翻转。翻转可以增加动画的多样性和动态感。 */
    -fx-indeterminate-bar-flip: true;
    /* 设置不确定状态动画的持续时间（单位：秒）。较短的时间会加快动画的速度，较长的时间则会使动画更缓慢。 */
    -fx-indeterminate-bar-animation-time: 2;
    /* 设置进度条的整体背景颜色，用于填充未完成的部分。这里设置为红色。 */
    -fx-background-color: #809aa4;
}

.kun-progress-bar .track {
    /* 设置进度条轨道的圆角半径，使其具有圆润的外观。较大的值会使轨道的边缘更加圆滑。 */
    -fx-background-radius: 5;
    /* 设置进度条轨道的背景颜色。这里设置为绿色。 */
    -fx-background-color: green;
    /* 如果启用，会设置轨道的背景为半透明黑色（透明度为 0.1），用于与页面背景融合。 */
    /*-fx-background-color: rgba(0,0,0,0.1);*/
}

.kun-progress-bar .bar {
    /* 设置进度条条形的圆角半径，使其与轨道的圆角保持一致，确保整体视觉风格的统一。 */
    -fx-background-radius: 5;
    /* 在进度条条形周围添加内边距，使其与轨道之间有一定的间距，增强视觉层次感。 */
    -fx-padding: 0.5em;
    /* 设置进度条条形的背景颜色，用于表示已完成的部分。这里设置为黑色。 */
    -fx-background-color: blue;
}